Razor Pages হলো ASP.NET Core এর একটি পেজ-বেজড প্রোগ্রামিং মডেল, যা সাধারণ ওয়েব অ্যাপ্লিকেশন এবং UI ফোকাসড অ্যাপ্লিকেশন ডেভেলপমেন্টকে সহজ করে। এটি একটি সহজ এবং কার্যকর পদ্ধতিতে UI তৈরির জন্য Model, View এবং Controller-কে একত্রিত করে। Razor Pages বিশেষভাবে ছোট বা মডিউলার অ্যাপ্লিকেশন তৈরির জন্য উপযোগী।
Razor পেজের বৈশিষ্ট্য
- পেজ-কেন্দ্রিক অ্যাপ্রোচ: প্রতিটি পেজ একটি মডেল (Page Model) এর সঙ্গে যুক্ত থাকে, যা পেজটির কোডবিহাইন্ড ফাইল হিসেবে কাজ করে।
- সরলতা: ছোট এবং নির্দিষ্ট ফিচারগুলোর জন্য এটি MVC আর্কিটেকচারের তুলনায় সহজ এবং দ্রুত।
- ইন্টিগ্রেটেড ফাইল স্ট্রাকচার: Razor পেজের View এবং Logic একত্রিত থাকে, যা কোড মেইনটেন্যান্স সহজ করে।
- ডেটা বাইন্ডিং: Razor পেজ সরাসরি ডেটা বাইন্ডিং সাপোর্ট করে, যা UI এবং ডেটার মধ্যে সমন্বয় সহজ করে তোলে।
Razor পেজ তৈরি করা
নতুন Razor পেজ প্রজেক্ট তৈরি
Visual Studio ব্যবহার করে
- Create a new project নির্বাচন করুন এবং ASP.NET Core Web Application টেমপ্লেট নির্বাচন করুন।
- প্রজেক্ট নাম এবং লোকেশন নির্বাচন করুন।
- Razor Pages টেমপ্লেট নির্বাচন করুন এবং প্রজেক্ট তৈরি করুন।
Command Line ব্যবহার করে
নতুন Razor পেজ অ্যাপ তৈরি করতে নিচের কমান্ড ব্যবহার করুন:
dotnet new razor -n RazorPagesApp(এখানে
RazorPagesAppহলো অ্যাপের নাম।)প্রজেক্ট ফোল্ডারে যান এবং অ্যাপ চালু করতে:
cd RazorPagesApp dotnet run
Razor পেজ যুক্ত করা
প্রজেক্ট তৈরি করার পর, নতুন Razor পেজ যুক্ত করতে নিচের ধাপগুলো অনুসরণ করুন।
Visual Studio-তে
- Solution Explorer থেকে Pages ফোল্ডারে রাইট-ক্লিক করে Add > Razor Page নির্বাচন করুন।
- পেজের নাম দিন (যেমন
About) এবং ফাইল তৈরি করুন।
Manually যোগ করা
- Pages ফোল্ডারে একটি নতুন
.cshtmlফাইল তৈরি করুন (যেমনAbout.cshtml)। - একই নামে একটি
.cshtml.csফাইল যুক্ত করুন, যা Page Model হিসেবে কাজ করবে।
Razor পেজের গঠন
Razor পেজ দুটি ফাইল নিয়ে গঠিত:
.cshtmlফাইল: HTML এবং Razor সিনট্যাক্স ব্যবহার করে UI তৈরি করার জন্য।.cshtml.csফাইল: পেজের ব্যাক-এন্ড লজিক এবং ডেটা প্রসেসিং পরিচালনা করে।
উদাহরণস্বরূপ, একটি About পেজের গঠন:
About.cshtml:
@page
@model AboutModel
<!DOCTYPE html>
<html>
<head>
<title>About Page</title>
</head>
<body>
<h1>@Model.Message</h1>
</body>
</html>
About.cshtml.cs:
using Microsoft.AspNetCore.Mvc.RazorPages;
public class AboutModel : PageModel
{
public string Message { get; set; }
public void OnGet()
{
Message = "Welcome to the About Page!";
}
}
Razor পেজে ফর্ম হ্যান্ডলিং
Razor পেজ সহজেই ফর্ম ডেটা প্রক্রিয়াকরণ করতে পারে। উদাহরণস্বরূপ:
Contact.cshtml:
@page
@model ContactModel
<!DOCTYPE html>
<html>
<head>
<title>Contact Page</title>
</head>
<body>
<form method="post">
<label for="Name">Name:</label>
<input type="text" id="Name" name="Name" />
<button type="submit">Submit</button>
</form>
<p>@Model.Message</p>
</body>
</html>
Contact.cshtml.cs:
using Microsoft.AspNetCore.Mvc.RazorPages;
public class ContactModel : PageModel
{
public string Message { get; set; }
public void OnPost(string Name)
{
Message = $"Hello, {Name}!";
}
}
Razor পেজ ব্যবহার
Razor পেজ অ্যাপ চালু করার পর, পেজগুলো অ্যাক্সেস করতে ব্রাউজারে সংশ্লিষ্ট URL লিখুন। উদাহরণস্বরূপ:
https://localhost:5001/Abouthttps://localhost:5001/Contact
Razor পেজ একটি সরল ও কার্যকরী পদ্ধতি প্রদান করে ছোট ও নির্দিষ্ট অ্যাপ্লিকেশন তৈরির জন্য। এর সরল গঠন এবং ডেটা হ্যান্ডলিং ক্ষমতা ডেভেলপারদের কাজকে সহজ ও দ্রুততর করে তোলে।
Read more
